<template>
  <view class="page-container">
    <AdaptiveNavBar :title="pageTitle" :showBack="true" :showHome="false" backgroundColor="#F37B1D" />
    
    <view class="content-area" :style="{ marginTop: $navbarUtil.getNavbarTotalHeightRpx() }">
      <scroll-view scroll-y class="scroll-content">
        <view class="detail-card">
          <!-- 头部信息 -->
          <view class="detail-header">
            <text class="detail-title">{{ contentData.title }}</text>
          </view>
          
          <!-- 时间信息（如果有） -->
          <view class="detail-meta" v-if="contentData.publishDate">
            <text class="meta-item">发布日期：{{ contentData.publishDate }}</text>
          </view>
          
          <!-- 分隔线 -->
          <view class="divider" v-if="contentData.publishDate"></view>
          
          <!-- 正文内容 -->
          <view class="detail-content">
            <view v-for="(section, index) in contentData.sections" :key="index" class="content-section">
              <text class="section-title" v-if="section.title">{{ section.title }}</text>
              <text class="section-text" v-if="section.content">{{ section.content }}</text>
            </view>
          </view>
        </view>
      </scroll-view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      pageTitle: '',
      contentType: '',
      contentData: {
        title: '',
        publishDate: '',
        sections: []
      }
    };
  },
  onLoad(options) {
    this.pageTitle = decodeURIComponent(options.title || '详情');
    this.contentType = options.type || '';
    this.loadContent();
  },
  methods: {
    loadContent() {
      // 根据类型加载不同的内容
      const contentMap = {
        qualification: this.getQualification(),
        contact: this.getContactInfo(),
        partner: this.getPartnerInfo(),
        join: this.getJoinInfo()
      };
      
      this.contentData = contentMap[this.contentType] || this.getDefaultContent();
    },
    
    // 平台资质
    getQualification() {
      return {
        title: '纤程旅行平台资质',
        publishDate: '2023年10月01日',
        sections: [
          {
            title: '企业信息',
            content: '纤程旅行平台由正规注册企业运营，具备合法的经营资质和许可证。我们致力于为用户提供安全、可靠的研学旅行服务。'
          },
          {
            title: '经营许可',
            content: '平台持有旅行社业务经营许可证、网络文化经营许可证、ICP备案等相关资质，所有业务活动均在合法合规的框架内开展。'
          },
          {
            title: '资质证书',
            content: '营业执照注册号：91XXXXXXXXXX\n旅行社业务经营许可证：L-XXX-XXXXX\nICP备案号：豫B2-20231237'
          }
        ]
      };
    },
    
    // 联系我们
    getContactInfo() {
      return {
        title: '联系我们',
        publishDate: '',
        sections: [
          {
            title: '客服中心',
            content: '客服热线：400-XXX-XXXX\n工作时间：周一至周日 9:00-18:00\n客服邮箱：service@qctrips.cn'
          },
          {
            title: '商务合作',
            content: '合作邮箱：bd@qctrips.cn\n合作热线：0371-XXXXXXXX'
          },
          {
            title: '公司地址',
            content: '总部地址：河南省郑州市二七区XXX路XXX号\n邮政编码：450000'
          },
          {
            title: '投诉建议',
            content: '投诉邮箱：complaint@qctrips.cn\n我们将在24小时内回复您的投诉和建议。'
          }
        ]
      };
    },
    
    // 合作伙伴
    getPartnerInfo() {
      return {
        title: '合作伙伴',
        publishDate: '',
        sections: [
          {
            title: '战略合作伙伴',
            content: '我们与多家知名企业和机构建立了长期战略合作关系，包括教育机构、景区景点、旅行社、保险公司等，共同为用户提供优质的研学旅行服务。'
          },
          {
            title: '教育机构',
            content: '与全国数百所学校和教育培训机构保持紧密合作，共同开发优质研学课程和活动。'
          },
          {
            title: '景区资源',
            content: '整合全国优质景区资源，为用户提供丰富多样的研学目的地选择。'
          },
          {
            title: '服务保障',
            content: '与知名保险公司合作，为每一次出行提供全方位的安全保障。'
          },
          {
            title: '合作咨询',
            content: '如果您有意向成为我们的合作伙伴，欢迎联系：bd@qctrips.cn'
          }
        ]
      };
    },
    
    // 加入我们
    getJoinInfo() {
      return {
        title: '加入我们',
        publishDate: '',
        sections: [
          {
            title: '关于纤程',
            content: '纤程旅行是一家专注于研学旅行和教育服务的创新型平台，我们致力于为用户提供优质的研学旅行产品和服务。'
          },
          {
            title: '招聘岗位',
            content: '我们长期招聘以下岗位：\n• 产品经理\n• 技术开发工程师\n• UI/UX设计师\n• 运营推广专员\n• 研学课程设计师\n• 客服专员'
          },
          {
            title: '我们寻找',
            content: '• 热爱教育事业，认同公司文化\n• 具有创新精神和团队合作意识\n• 有相关工作经验者优先\n• 学历不限，能力优先'
          },
          {
            title: '我们提供',
            content: '• 有竞争力的薪资待遇\n• 完善的社保福利\n• 广阔的发展空间\n• 良好的工作氛围'
          },
          {
            title: '简历投递',
            content: '简历投递邮箱：hr@qctrips.cn\n邮件标题：应聘岗位-姓名\n我们会在收到简历后3个工作日内给予回复。'
          },
          {
            title: '商家入驻',
            content: '欢迎优质服务商入驻平台，共同发展。\n入驻咨询邮箱：bd@qctrips.cn\n入驻热线：0371-XXXXXXXX'
          }
        ]
      };
    },
    
    // 默认内容
    getDefaultContent() {
      return {
        title: this.pageTitle,
        publishDate: '',
        sections: [
          {
            title: '内容正在完善中',
            content: '相关内容正在整理中，敬请期待。如有疑问，请联系客服：400-XXX-XXXX'
          }
        ]
      };
    }
  }
};
</script>

<style lang="scss" scoped>
.page-container {
  width: 100%;
  min-height: 100vh;
  background-color: #f5f5f5;
}

.content-area {
  padding: 24rpx;
}

.scroll-content {
  height: 100%;
}

.detail-card {
  background: #ffffff;
  border-radius: 16rpx;
  padding: 32rpx;
  margin-bottom: 24rpx;
}

.detail-header {
  margin-bottom: 24rpx;
}

.detail-title {
  font-size: 36rpx;
  font-weight: bold;
  color: #333;
  line-height: 1.6;
}

.detail-meta {
  display: flex;
  flex-direction: column;
  gap: 12rpx;
  margin-bottom: 24rpx;
}

.meta-item {
  font-size: 26rpx;
  color: #999;
}

.divider {
  height: 1rpx;
  background-color: #e5e5e5;
  margin: 32rpx 0;
}

.detail-content {
  line-height: 1.8;
}

.content-section {
  margin-bottom: 32rpx;

  &:last-child {
    margin-bottom: 0;
  }
}

.section-title {
  display: block;
  font-size: 32rpx;
  font-weight: bold;
  color: #333;
  margin-bottom: 16rpx;
  line-height: 1.6;
}

.section-text {
  display: block;
  font-size: 28rpx;
  color: #666;
  line-height: 1.8;
  text-align: justify;
  white-space: pre-line;
}
</style>

